<%@ include file="lib.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script type="text/javascript" language="javascript" src="/js/handler.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="/css/home.css">
<title>wellcone Video hot</title>

</head>
<body>
	
	<div id="top">
		<a
			href="https://play.google.com/store/apps/details?id=vn.co.thn.android.videohot"><img
			alt="" src="/img/logo.png"></a>
	</div>
	<div id="menu">
		<ul>
			<li><a href="/">Trang chủ</a></li>
			<li><a href="#">Chủ đề</a>
				<ul id="submenu">
					<c:forEach var="category" items="${categorylist}">
						<li><a href="/category?key=${category.key}">${category.name}</a></li>
					</c:forEach>
				</ul></li>
			<li><a href="/new">Mới nhất</a></li>
			<li><a href="/review">Xem nhiều nhất</a></li>
		</ul>
	</div>
	<div id="wrapper">
		<div id="left" style="text-align: center;">
			<c:forEach var="data" items="${datalist}">
				<div class="thumbnail">

					<a href="/play/v/${data.embed_code}"> <img alt=""
						src="<c:out value="${data.image_Url}"/>" />
					</a>
					<a href="/play/v/${data.embed_code}"><div id="title">${data.title}</div></a>
				</div>

			</c:forEach>
		
		</div>
		<div id="right">
			advertisement</br> Contact: <a
				href="mailto:truonghieunghia.android@gmail.com?Subject=advertisement"
				target="_top">advertisement</a>
		</div>
	</div>
    <c:if test="${fn:length(datalist) == 30 }"><button id="loadmore" onClick="JavaScript:loadmore('${page}','left')">Xem Thêm</button></c:if>
	<div style="clear: left"></div>
	<div id="bottom">&copy; Video Hot</div>
</body>


</html>